<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="background-color: lightgray" >  
                    <p:panel header="RESUMEN SEMESTRAL DE  PRÁCTICA PROFESIONAL " >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />
                            <h:outputText value="Hora  " />
                            <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a"  timeOnly="true" style=""/>  
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="1.	DATOS BÁSICOS DE LA ENTIDAD " style="">
                        <h:panelGrid columns="2" border="" bgcolor="" dir="center" >
                            <h:outputText value="Nombre o razón social de la entidad  " />
                            <p:inputText id="nombEntidad" maxlength="50" size="54"/>
                        </h:panelGrid>
                        <h:panelGrid columns="4" border="" bgcolor="" dir="center" >
                            <h:outputText value="Nit  " />
                            <p:inputText id="nitEntidad" maxlength="50" size="35"/>
                            <h:outputText value="Telefono  " />
                            <p:inputText id="telEntidad" maxlength="50" size="35"/>
                            <h:outputText value="Fax  " />
                            <p:inputText id="faxEntidad" maxlength="50" size="35"/>
                            <h:outputText value="Dirección  " />
                            <p:inputText id="dirEntidad" maxlength="50" size="35"/>                             
                        </h:panelGrid>

                    </p:panel>
                    <p:panel header="2.	SUPERVISOR DE LA ENTIDAD " >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText id="nombSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Cargo  " />
                                <p:inputText id="cargoSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText id="telSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText id="celSupervEntidad" maxlength="50" size="35"/>
                            </h:panelGrid>
                            
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="3.	DATOS BÁSICOS DEL SUPERVISOR UNIVERSITARIO " >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText id="nombSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="E-mail  " />
                                <p:inputText id="mailSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText id="telSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText id="celSupervUniv" maxlength="50" size="35"/>
                            </h:panelGrid>
                            
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="4.	DATOS BÁSICOS DEL PROFESIONAL EN FORMACIÓN " >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText id="nombPract" maxlength="50" size="35"/>
                                <h:outputText value="Codigo  " />
                                <p:inputText id="codPract" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText id="telPract" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText id="celPract" maxlength="50" size="35"/>
                                <h:outputText value="E-Mail  " />
                                <p:inputText id="mailPract" maxlength="50" size="35"/>
                            </h:panelGrid>
                            
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="5.	INFORME DE PRIMERA VISITA " >
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />
                            <h:outputText value="Áreas de trabajo  " />
                            <p:inputText id="celPract" maxlength="50" size="45"/>
                            <h:outputText value="Aspectos tratados  " />
                            <p:inputTextarea rows="6" cols="50" id="aspectosTratados"/>
                            <h:panelGrid columns="1" border="" bgcolor="" dir="right" >
                                <h:outputText value="Acuerdos realizados:" />
                                <h:outputText value="(Especificar productos" />
                                <h:outputText value="esperados y expectativas" />
                                <h:outputText value="de la entidad)" />
                            </h:panelGrid>
                            <p:inputTextarea rows="6" cols="50" id="aspectosTratados"/> 
                        </h:panelGrid>      
                    </p:panel>
                    <p:panel header="6.	INFORME GENERAL DE SESIONES DE SUPERVISIÓN " >
                        <h:panelGrid columns="1" border="" bgcolor="" dir="right" >
                            <h:outputText value="Procesos  que ejecutó el Profesional en Formación:" />
                            <p:inputTextarea rows="6" cols="110" id="procEjec"/>
                            <h:outputText value="Breve análisis  cualitativo del desempeño del Profesional en Formación" />
                            <p:inputTextarea rows="6" cols="110" id="aspectosTratados"/>
                            <h:outputText value="Valoración de la fundamentación teórica respecto a los procesos  ejecutados por el Profesional en Formación:)" />
                            <p:inputTextarea rows="6" cols="110" id="aspectosTratados"/>
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="7.	INFORME DE  VISITA FINAL " >
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />
                        </h:panelGrid>
                        <h:panelGrid columns="1" border="" bgcolor="" dir="center" >
                            <h:outputText value="Aspectos tratados:  " />
                            <p:inputTextarea rows="6" cols="110" id="aspectosTratados"/>
                            <h:outputText value="Análisis de actividades programadas Vs. ejecutadas en el cronograma:   " />
                            <p:inputTextarea rows="6" cols="110" id="aspectosTratados"/>
                            <h:outputText value="Aspectos a mejorar o habilidades a desarrollar por el Profesional en Formación::  " />
                            <p:inputTextarea rows="6" cols="110" id="aspectosTratados"/>
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="8.	CONTROL GENERAL DE PRÁCTICAS " >
                        <h:panelGrid columns="5" border="" bgcolor="" dir="left" >
                            <h:outputText value="Horario de práctica  " />
                            <h:outputText value="De  " />
                            <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a"  timeOnly="true" size="10"/>  
                            <h:outputText value="Hasta  " />
                            <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a"  timeOnly="true" size="10"/>  
                        </h:panelGrid>
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Número de semanas trabajadas " />
                            <p:spinner id="numSemTrab" value="#{spinnerController.number1}" max="20" min="0" size="5"/> 
                            <h:outputText value="Número de horas reales trabajadas a la semana  " />
                            <p:spinner id="numHorasTrab" value="#{spinnerController.number1}" max="20" min="0" size="5"/> 
                            <h:outputText value="Semanas o días no trabajados por el Profesional en Formación :   " />
                            <p:spinner id="semDiasNoTrab" value="#{spinnerController.number1}" max="20" min="0" size="5"/> 
                            <h:outputText value="Justificados:   " />
                            <p:selectOneRadio id="options" value="#{formBean.number}">  
                                <f:selectItem itemLabel="Si" itemValue="1" />  
                                <f:selectItem itemLabel="No" itemValue="2" />  
                            </p:selectOneRadio> 
                            <p:dataTable id="cars" var="car" value="#{tableBean.mediumCarsModel}" paginator="true" rows="10"  
                 selection="#{tableBean.selectedCar}">  
  
        <f:facet name="header">  
            RadioButton Based Selection  
        </f:facet>  
  
        <p:column selectionMode="single" style="width:2%" />  
  
        <p:column headerText="Model" style="width:25%">  
            #{car.model}  
        </p:column>  
  
        <p:column headerText="Year" style="width:25%">  
            #{car.year}  
        </p:column>  
  
        <p:column headerText="Manufacturer" style="width:24%">  
            #{car.manufacturer}  
        </p:column>  
  
        <p:column headerText="Color" style="width:24%">  
            #{car.color}  
        </p:column>  
  
        <f:facet name="footer">  
            <p:commandButton id="viewButton" value="View" icon="ui-icon-search"  
                             update=":form:displaySingle" oncomplete="singleCarDialog.show()"/>  
        </f:facet>  
    </p:dataTable>  
                        </h:panelGrid>
                        
                    </p:panel>
                    
                    
                    <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" onclick=""/>  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="#{formBean.selectedOptions}" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="#{formBean.selectedMovies}" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                </p:panel>    
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>    
            </DIV>        
        </h:form>    
    </h:body>    
</html>
